<template>
	<div class="person_box">
		<Leftmenu />
		<div class="main">
			<!-- 主内容区域 -->
			<Myheader v-if="!isHome"></Myheader>
			<div class="main_box">
				<router-view></router-view>
			</div>
		</div>
	</div>
</template>

<script setup lang="ts">
	import { ref, computed } from 'vue';
	import Leftmenu from '@/components/Leftmenu.vue';
	import Myheader from '@/components/Myheader.vue';
	import { useRoute } from 'vue-router';

	const route = useRoute();
	const isHome = computed(() => route.path === '/home');
</script>

<style lang="scss">
	.main_box {
		height: calc(100% - 60px);
		padding: 0.2rem;
		background-color: #F1F5F9;
	}

	.box_main {
		background-color: #fff;
		border-radius: 10px;
		padding: 15px 25px;
		padding-top: 25px;
		padding-bottom: 0px;
	}

	.person_box {
		height: 100vh;
		width: 100vw;
		display: flex;

		.main {
			width: calc(100% - 200px);
			height: 100vh;
			display: flex;
			flex-direction: column;
		}
	}

	:deep(.el-table__body) {
		.el-table__row:nth-last-child(1) {
			border-bottom: none !important;

			td {
				border-bottom: none !important;
			}
		}
	}

	:deep(.el-dialog__header) {
		display: flex;
	}

	:deep(.el-dialog__footer span) {
		display: flex;
		justify-content: flex-end;
	}

	:deep(.el-dialog__header) {
		display: flex;
		border-bottom: 1px solid #e0e0e0;
	}

	:deep(.el-dialog__footer) {
		border-top: 1px solid #e0e0e0;
		padding: 10px 20px 12px;
	}

	:deep(.el-dialog__wrapper) {
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>